<template>
    <div>
        <Button @click="back">返回</Button>
        <wl-excel-import
                :interface-url="'/api/ac/jcar/excelService/saveVehicle'"
                :template-url="'http://house-manager.oss-cn-qingdao.aliyuncs.com/fuel-card/%E8%BD%A6%E8%BE%86%E5%9F%BA%E6%9C%AC%E4%BF%A1%E6%81%AF%E5%AF%BC%E5%85%A5%E6%A8%A1%E6%9D%BF.xlsx'"
                :handle-data="handleData"
                :validate-data="validateData"
                :delRowCount="1"
                :fail-column="failColumn"
                :header-field="headerField"
        ></wl-excel-import>
    </div>
</template>

<script>

export default {

  name: 'excel',

  data () {
    return {
      failColumn: [
        {
          title: '所属单位',
          key: 'company'
        },
        {
          title: '车牌号码',
          key: 'license_plate_number'
        },
        {
          title: '车辆型号',
          key: 'car_type'
        },
        {
          title: '排气量（L）',
          key: 'displacement'
        },
        {
          title: '油箱容积',
          key: 'tank_capacity'
        },
        {
          title: '平均耗油',
          key: 'average_oil_volume'
        },
        {
          title: '基准里程数',
          key: 'mileage'
        },
        {
          title: '燃油类型',
          key: 'fuel_type'
        }
      ],
      headerField: [
        { title: '所属单位', field: 'company', minWidth: 300 },
        { title: '车牌号码', field: 'license_plate_number', minWidth: 300 }
      ]
    }
  },

  props: {

  },

  components: {

  },

  computed: {

  },

  methods: {
    async init () {

    },
    handleData () {
      // item.batch_number = item.batch_number.toString()
      // item.sex = item.sex.toString().trim()
      // if (item.sex === '男') {
      //   item.sex = 0
      // } else if (item.sex === '女') {
      //   item.sex = 1
      // }
    },
    validateData (item, error, tName) {
      // 校验所属单位
      if (!item.company) {
        item.company = ' （所属单位不能为空）'
        item.cellClassName.company = tName
        error = true
        this.$Message.error('所属单位不能为空')
      }
      // 校验车牌号码
      if (!item.license_plate_number) {
        item.license_plate_number = ' （车牌号码不能为空）'
        item.cellClassName.license_plate_number = tName
        error = true
        this.$Message.error('车牌号码不能为空')
      }
      // 校验车辆型号
      if (!item.car_type) {
        item.car_type = ' （车辆型号不能为空）'
        item.cellClassName.car_type = tName
        error = true
        this.$Message.error('车辆型号不能为空')
      }
      // 校验排气量
      if (!item.displacement) {
        item.displacement = ' （排气量不能为空）'
        item.cellClassName.displacement = tName
        error = true
        this.$Message.error('排气量不能为空')
      }
      // 校验油箱容积
      if (!item.tank_capacity) {
        item.tank_capacity = ' （排气量不能为空）'
        item.cellClassName.tank_capacity = tName
        error = true
        this.$Message.error('排气量不能为空')
      }
      // 校验平均耗油
      if (!item.average_oil_volume) {
        item.average_oil_volume = ' （平均耗油不能为空）'
        item.cellClassName.average_oil_volume = tName
        error = true
        this.$Message.error('平均耗油不能为空')
      }
      // 校验基准里程数
      if (!item.mileage) {
        item.mileage = ' （基准里程数不能为空）'
        item.cellClassName.mileage = tName
        error = true
        this.$Message.error('基准里程数不能为空')
      }
      // 校验燃油类型
      if (!item.fuel_type) {
        item.fuel_type = ' （燃油类型不能为空）'
        item.cellClassName.fuel_type = tName
        error = true
        this.$Message.error('燃油类型不能为空')
      }
      return error
    },
    back () {
      this.$router.push({
        name: 'collection-form'
      })
    }
  },

  watch: {

  },

  mounted () {
    this.init()
  }

}
</script>

<style scoped>

</style>
